<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数组解构</title>
</head>

<body>
  <script>
    // ============================== 数组解构 ==============================
    // 1. 基本语法
    const arr = [1, 2, 3]
    const [a,b,c] = arr
    console.log(a,b,c) //1 2 3
    

    // 2. 典型的使用场景  交换2个变量的值
    let x = 1
    let y = 2;
    [y,x] = [x,y]
    console.log(x,y)  //2 1
    


    

    // 3. 2个特殊情况需要加分号
    //  3.1 如果是小括号开头的则需要加分号
    //  3.2 如果是中括号开头的则需要加分号
    ;(function(){})()
    ;(function(){})()


    // 4. 练习
    const pc = ['海尔', '联想', '小米', '方正']
    // 解构为变量:  hr  lx  mi  fz
    const [hr,lx,mi,fz] = pc
    console.log(hr,lx,mi,fz)


    // 请将最大值和最小值函数返回值解构 max 和min 两个变量
    function getValue() {
      return [100, 60]
    }
   const [max,min] = getValue()
   console.log(max,min)
   
   

  </script>
</body>

</html>